{include file='common/head.html'}

<div class="layui-body">
    <div class="layui-tab layui-tab-brief" lay-filter="tab">
        <ul class="layui-tab-title">
            <li class="layui-this" lay-id="t1">排单会员列表</li>

        </ul>

        <div class="layui-tab-content">

            <div class="layui-tab-item layui-show">
                <div class="demoTable">

                    <div class="layui-inline">
                        <input class="layui-input" name="id" id="demoReload" autocomplete="off">
                    </div>
                    <button class="layui-btn" data-type="reload">搜索</button>
                </div>
                <table class="layui-hide" id="demo" lay-filter="test"></table>
                <script type="text/html" id="toolbarDemo">
                    <div class="layui-row">
                        <div class="layui-col-md2 layui-col-sm3 layui-col-xs6" style="text-align: left;padding-left: 10px;">
                            <div class="layui-input-inline yutons-btn-margin-right">
                                <span class="layui-btn yutons layui-btn-sm yutons-color-detail" lay-event="table_export">导出</span>
                            </div>
                        </div>

                    </div>
                </script>

            </div>


        </div>

    </div>


</div>

{include file='common/foot.html'}
<script>
    layui.config({
        base: '{APP_THEME_DIR}/layui/excel.js'
    }).use(['table', 'excel'], function() {
        var table = layui.table //表格,
        $ = layui.$,
            excel = layui.excel;
        //执行一个 table 实例
        table.render({
            elem: '#demo',
            url: '{url./admin/Schelist/userList}', //数据接口
            title: '排单会员列表',
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
            layout: [ 'count', 'prev', 'page', 'next'] //自定义分页布局
              },
            id: 'testReload',
            toolbar: '#toolbarDemo', //操作1:启用自定义模板表格头部工具栏

            defaultToolbar: [], //操作2:隐藏头部工具栏右侧的图标
            cols: [[
                {type: 'checkbox', fixed: 'left'}
                ,{field:'id', title:'ID', width:80, fixed: 'left', unresize: true, sort: true}
                ,{field:'usermobile', title:'用户名'}
                ,{field:'quota', title:'排单金额',  sort: true}
                ,{field:'buy_days', title:'排单天数',  sort: true}
                ,{field:'Settlement_profits', title:'结算周期',  sort: true}
                ,{field:'Minimum_amount', title:'排单金额',  sort: true}
                ,{field:'odd', title:'排单单号',   sort: true}
                ,{field:'add_time', title:'排单时间',   sort: true}
                ,{field:'status', title:'状态' ,sort: true,templet: function(res){
                        if(res.status==1){
                            return '正在排单'
                        }else {
                            return ' 排单结束'
                        }
                    }}
                ,{field:'end_time', title:'结束时间' ,sort: true,templet: function(res){
                        if(res.end_time=='0000-00-00 00:00:00'){
                            return '排单未结束'
                        }else {
                            return res.end_time
                        }
                    }}
            ]]

        });

        //监听头工具栏事件
        table.on('toolbar(test)', function(obj) {
            var checkStatus = table.checkStatus(obj.config.id),
                data = checkStatus.data; //获取选中的数据


            switch (obj.event) {
                case 'table_export':
                    exportFile('demo')
                    break;
            };
        });
        //监听行工具事件

        /**
         * by yutons
         * Array.from() 非常方便的将一个类数组的集合 ==》 数组，直接使用数组身上的方法。例如：常用的map，foreach…
         * 但是，问题来了，IE不识别Array.from这个方法。所以写了它兼容IE的写法。
         */
        if (!Array.from) {
            Array.from = function(el) {
                return Array.apply(this, el);
            }
        }
        //表格导出
        function exportFile(id) {
            //根据传入tableID获取表头
            var headers = $("div[lay-id=" + id + "] .layui-table-box table").get(0);
            var htrs = Array.from(headers.querySelectorAll('tr'));
            var titles = {};
            for (var j = 0; j < htrs.length; j++) {
                var hths = Array.from(htrs[j].querySelectorAll("th"));
                for (var i = 0; i < hths.length; i++) {
                    var clazz = hths[i].getAttributeNode('class').value;
                    if (clazz != ' layui-table-col-special' && clazz != 'layui-hide') {
                        //排除居左、具有、隐藏字段
                        //修改:默认字段data-field+i,兼容部分数据表格中不存在data-field值的问题
                        titles['data-field' + i] = hths[i].innerText;
                    }
                }
            }
            //根据传入tableID获取table内容
            var bodys = $("div[lay-id=" + id + "] .layui-table-box table").get(1);
            var btrs = Array.from(bodys.querySelectorAll("tr"))
            var bodysArr = new Array();
            for (var j = 0; j < btrs.length; j++) {
                var contents = {};
                var btds = Array.from(btrs[j].querySelectorAll("td"));
                for (var i = 0; i < btds.length; i++) {
                    for (var key in titles) {
                        //修改:默认字段data-field+i,兼容部分数据表格中不存在data-field值的问题
                        var field = 'data-field' + i;
                        if (field === key) {
                            //根据表头字段获取table内容字段
                            contents[field] = btds[i].innerText;
                        }
                    }
                }
                bodysArr.push(contents)
            }
            //将标题行置顶添加到数组
            bodysArr.unshift(titles);
            //导出excel
            excel.exportExcel({
                sheet1: bodysArr
            }, '用户排单列表' + new Date().toLocaleString() + '.xlsx', 'xlsx');

        }
        var $ = layui.$, active = {
            reload: function(){
                var demoReload = $('#demoReload');

                //执行重载
                table.reload('testReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        key: {
                            usermobile: demoReload.val()
                        }
                    }
                }, 'data');
            }
        };

        $('.demoTable .layui-btn').on('click', function(){
            var type = $(this).data('type');

            active[type] ? active[type].call(this) : '';
        });
    });
</script>
